import styled from "styled-components"

export const SysStyle = styled.div `
    width:100%;
    .left{
        display:inline-block;
        width:60%;
        margin-right:5%;
        .leftTop{
            width:100%;
            .waitingTask{
                display:inline-block;
                width:48%;
                margin-right:4%;
                border:0.01rem solid #000;
                .header{
                    width:100%;
                    height:2rem;
                    background-color:#1890ff;
                    line-height:2rem;
                    font-weight:bold;
                    padding-left:2rem;
                }
                ul{
                    margin-bottom:0;
                    li{
                        padding-left:2rem;
                        height:2rem;
                        line-height:2rem;
                        border-bottom:0.01rem solid #999;
                        &:last-child{
                            border:none;
                        }
                        span{
                            color:red;
                        }
                    }
                }
            }
            .schedule{
                display:inline-block;
                width:48%;
                border:0.01rem solid #000;
                float:right;
                .header{
                    width:100%;
                    height:2rem;
                    background-color:#1890ff;
                    line-height:2rem;
                    font-weight:bold;
                    padding-left:2rem;
                }
                ul{
                    margin-bottom:0;
                    li{
                        padding-left:2rem;
                        height:2rem;
                        line-height:2rem;
                        border-bottom:0.01rem solid #999;
                        &:last-child{
                            border:none;
                        }
                        .meetingDate{
                            color:red;
                            margin-right:1rem;
                        }
                    }
                }
            }
        }
        .leftBottom{
            width:100%;
            margin-top:2rem;
            border:0.01rem solid #000;
            .header{
                width:100%;
                height:2rem;
                background-color:#1890ff;
                line-height:2rem;
                font-weight:bold;
                padding-left:2rem;
            }
            .orderChange{
                p{
                    padding-left:2rem;
                    height:2rem;
                    line-height:2rem;
                    border-bottom:0.01rem solid #999;
                    margin:0;
               
                    span{
                        color:red;
                    }
                }
            }
            .orderChart{
                height:22.8rem;
                #main{
                    height:20rem;
                    div{
                        width:100% !important;
                        canvas{
                            width:100% !important;
                        }
                    }
                }
            }
        }
    }
    .right{
        float:right;
        width:35%;
        .rightTop{
            width:100%;
            border:0.01rem solid #000;
            .header{
                width:100%;
                height:2rem;
                background-color:#1890ff;
                line-height:2rem;
                font-weight:bold;
                padding-left:2rem;
            }
            ul{
                margin-bottom:0;
                padding:0.6rem 1rem 1rem;
                li{
                    padding-left:2rem;
                    height:2rem;
                    line-height:2rem;
                    border-bottom:0.01rem dashed #999;
                }
            }
        }
        .rightBottom{
            width:100%;
            margin-top:2rem;
            border:0.01rem solid #000;
            .header{
                width:100%;
                height:2rem;
                background-color:#1890ff;
                line-height:2rem;
                font-weight:bold;
                padding-left:2rem;
            }
            .sortHot{
                height:2rem;
                line-height:2rem;
                padding-left:2rem;
                border-bottom:0.01rem solid #999;
            }
            #hotBar{
                height:13rem;
                width:100%;
                div{
                        width:100% !important;
                        canvas{
                            width:100% !important;
                        }
                    }
            }
        }
    }
`